<template>
	<div class="mobile-dialog-header">
		<div class="back-area">
			<img :src="backImg" class="back-img" @click="reback"/>
		</div>
		<span class="adviser-name">体验用户（我的保顾）</span>
	</div>
</template>

<script>
import backImg from '@/assets/images/back.png'
export default {
	name: 'MobileDialogHeader',
	data() {
		return {
			backImg
		}
	},
	methods: {
		reback() {
			window.close()
		}
	}
}
</script>

<style lang="scss" scoped>
.mobile-dialog-header{
	height: .88rem;
	min-height: .88rem;
	width: 100%;
	display: flex;
	align-items: center;
	background: #FFFFFF;
	.back-area{
		width: 0.3rem;
		margin-left: .16rem;
		.back-img{
			width: 100%;
			cursor: pointer;
		}
	}
	.adviser-name{
		flex: 1;
		text-align: center;
		font-size: .32rem;
    font-weight: bold;
	}
}
</style>